@charset "utf-8";
/**
深圳市国人伟业信息技术有限公司
h

/*首页主题*/
.home-topic{font-size: 16px;color: #555555;text-align: center;font-weight: normal;padding-bottom: 30px;}
.home-topic span{display: block;width: 293px;margin: 0 auto 8px;height: 50px;background: url(../images/home-top-line.png) no-repeat center bottom;font-size: 34px;color: #0068a8;font-weight: 600;}
/*头部*/
.topBar{background: url(../images/head-tapBar-bg.jpg) repeat-x;height: 28px;line-height: 26px;font-size: 12px;color: #868686;}
.topBar .wrap{position:relative;}
.topBar span{font-size:18px;color:#ff0000;padding-left:30px;}
.topBar .link{position: absolute;width: 289px;height: 34px;background: url(../images/head-link-bg.png) no-repeat center center;font-size: 12px;z-index: 2;right: 0;top: 0;text-align: right;color: #fff;}
.topBar .link a{color: #fff;padding:0 15px 0 20px;margin-left: 15px;}
.topBar .link .a1{background: url(../images/head-link-ico1.png) no-repeat left center;}
.topBar .link .a2{background: url(../images/head-link-ico2.png) no-repeat left center;}
.topBar .link .a3{background: url(../images/head-link-ico3.png) no-repeat left center;}
/*导航*/
.header{height: 100px;line-height: 100px;position: relative;}
.header-wrap{height: 100px;}
.head-logo{width:330px;height: 100%; }
.head-nav{width:605px;height: 100%;padding-left:33px;}
.head-search{width:175px;height: 100%; }
.head-nav .menu1>li{float: left;margin-right:25px;}
.head-nav .menu1>li>a{font-size: 16px;color: #000;display: block;}
.head-nav .menu1>li:before{content: "";position: absolute;left: 50%;width: 0;bottom: 0;background-color: #0068a8;transition: all .5s;-webkit-transition:all .5s;height: 3px;}
.head-nav .menu1>li:hover:before,.head-nav .menu1>li.current:before{left: 0;width: 100%;}
.head-nav .menu1>li:hover>a,.head-nav .menu1>li.current>a{color: #0068a8;}
.head-nav .menu2 a{padding: 0 ;color: #000;}
.head-nav  li:hover .menu2 a{background:none;color: #000;}
.head-nav  .menu2{position: absolute;width: 100%;height: auto;background: rgba(255,255,255,0.9);border-radius: 0 0 5px 5px;
padding: 25px 0;left: 0;top: 100px;box-shadow: 0 0 6px #ccc;z-index: 550;display: none;
}
.head-nav  .menubox{overflow: hidden;width: 1400px;margin: 0 auto;}
.head-nav  .menu2{overflow: hidden;}
.head-nav  .menu2 ul{width: 1440px;text-align: center;}
.head-nav  .menu2 li{width: 180px;font-size: 14px;margin-right: 25px;height: auto;text-align: center;padding-top: 30px;display: inline-block;float: none;}
.head-nav  .menu2 li a{border: none;padding: 0;height: auto;width: auto;color: #333;display: block;line-height: 30px;border-radius: 15px;}
.head-nav  .menu2 li span{display: block;width: 180px;height: 115px;background: #000;overflow: hidden;}
.head-nav  .menu2 li img{width: 180px;height: 115px;transition: all 0.5s;}
.head-nav  .menu2 li:hover img{transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);}
.head-nav  .menu2 li h5{height: 35px;line-height: 35px;font-size: 14px;font-weight: normal;}
.head-nav  .menu2 li:hover h5{color: #0194d0;}
.head-nav  .menu2 .prev,.head-nav  .menu2 .next{position: absolute;width: 40px;
height: 40px;top:40%;cursor: pointer;opacity: 0;}
.head-nav  .menu2 .prev{left: 5%;background: url(../images/head-prev.png) no-repeat center;}
.head-nav  .menu2 .next{right: 5%;background: url(../images/head-next.png) no-repeat center;}
.head-nav  .menu2:hover .prev,.head-nav  .menu2:hover .next{opacity: 1;}
.head-search input{display: block;height: 20px;line-height: 20px;float: left;}
.head-search form{border: 1px solid #e4e4e4;border-radius: 20px;overflow: hidden;margin-top: 38px;padding: 4px;}
.head-search .txt{width: 88%;text-indent: 15px;}
.head-search .sub{width: 12%;background: url(../images/head-search-ico.png) no-repeat center center;cursor: pointer;}
.head-search{background:url(../images/stel.png) no-repeat left center;padding-left:55px;}
.head-search p{line-height:22px;font-size:14px;padding-top:30px;}
.head-search p span{display:block;font-weight:bold;color:#0068a8;font-size:18px;}
/*广告*/
.banner{width: 100%;height: 650px;margin:0 auto;overflow:hidden;position: relative;}
.banner .bd{height:650px;overflow: hidden;position: relative;left: 50%;margin-left: -960px;}
.banner .hd{width:100%;position: absolute;z-index:999;left: 0;height:16px;bottom:20px;}
.banner .hd ul{text-align: center;}
.banner .hd ul li{display:inline-block;width: 12px;height: 12px;margin-right: 10px;cursor: pointer;overflow: hidden;border: 2px solid #fff;border-radius: 50%;}
.banner .hd ul li.on{background: #fff;}
.banner .prev,.banner .next{display:block;width: 50px;height:60px;position: absolute;z-index:2;top:50%;margin-top: -20px;}
.banner .prev{background: url(../images/banner-pn.png) no-repeat left top;left: 5%;}
.banner .next{background: url(../images/banner-pn.png) no-repeat right top;right: 5%;}
.banner .prev:hover{background-position: left bottom;}
.banner .next:hover{background-position: right bottom;}

.zAn{height:50px;overflow:hidden;line-height:50px;}
.zAn h3{font-size:18px;color:#0068a8;background:url(../images/ggo.png) no-repeat left center;padding-left:30px;width:90px;float:left;}
.zAn .anList{width:1060px;float:right;overflow:hidden;}
.zAn .anList li{float:left;margin-right:40px;width:235px;}
.zAn .anList li a{display:block;height:50px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
/*公司优势*/
.home-ys{background-color: #f1f1f1;padding: 40px 0;}
.home-ysMain li{width: 20%;float: left;text-align: center;font-size:16px;color: #555555;padding-top: 10px;}
.home-ysMain li span{display: block;font-size: 20px;color: #000000;margin-bottom: 5px;}
.home-ysMain li i{display: block;width: 60px;height: 60px;background: url(../images/home-ys-ico.png) no-repeat 0 0;margin:0 auto 5px;transition: all .5s;-webkit-transition:all .5s;}
.home-ysMain li:hover i{background: url(../images/home-ys-ico2.png) no-repeat 0 0;}
.home-ysMain .ys2 i,.home-ysMain .ys2:hover i{background-position: -60px 0;}
.home-ysMain .ys3 i,.home-ysMain .ys3:hover i{background-position: -120px 0;}
.home-ysMain .ys4 i,.home-ysMain .ys4:hover i{background-position: -180px 0;}
.home-ysMain .ys5 i,.home-ysMain .ys5:hover i{background-position: -240px 0;}
.home-ysMain li:hover i{transform: translateY(-10px);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);}

/*行业工程*/
.home-project{padding: 40px 0;}
.home-projectMain{height: 660px;overflow: hidden;position: relative;}
.home-projectBox{height: 100%;position: relative;overflow: hidden;}
.home-projectBox li{height: 100%;position: relative;}
.home-projectBox li img{display: block;width: 100%;height: 100%;}
.home-projectTab{width: 230px;position: absolute;z-index: 555;right: 115px;top: 110px;}
.home-projectTab a{display: block;color: #fff;transition: all .5s;-webkit-transition:all .5s;line-height: 12px;float: left;margin: 0 5px 5px 0}
.home-projectTab .tab span,.home-projectTab .tabLast span{display: block;font-size: 10px;text-transform: uppercase;margin-top: 5px;}
.home-projectTab .tab{width: 95px;height: 50px;background:url(../images/home-project-ico1.png) no-repeat 15px 15px #404040;font-size: 16px;padding: 60px 0 0 15px;}
.home-projectTab .tab:hover{background-color: #0068a8}
.home-projectTab .tabLast{width: 210px;height: 50px;background:url(../images/home-project-ico1.png) no-repeat 15px 15px #ff9000;padding-top: 60px;padding-left: 15px;position: relative;}
.home-projectTab .tabLast{font-size: 18px;font-weight: 600;transition: all .5s;-webkit-transition:all .5s; }
.home-projectTab .tabLast span{font-weight: normal;}
.home-projectTab .tabLast:after{content: "";position: absolute;width: 48px;height: 46px;background: url(../images/home-project-ico2.png) no-repeat center center;right: 20px;top: 20px;}
.home-projectTab .tabLast:hover{background-color: #ed8601}
.home-projectBox:after{content: "";position: absolute;width: 100%;height: 300px;background: url(../images/home-project-bg.png) repeat-x;z-index: 2;bottom: 0;}
.home-projectBox li .cover{position: absolute;bottom: 0;color: #fff;z-index: 3;padding: 0 420px 30px 50px;transition: all .5s}
.home-projectBox li .cover h5{font-size: 24px;margin-bottom: 10px;transition: all .5s}
.home-projectBox li .cover p{color: #b6b6b6;line-height: 22px;transition: all .5s}

/*成功案例*/
.home-case{padding-bottom: 40px;}
.home-caseTop{border-bottom: 2px solid #0068a8;overflow: hidden;margin-bottom: 2px;text-align: center;max-width: 100%;}
.home-caseTab p{width: 1500px;}
.home-caseTab a{display: inline-block;width: 232px;height: 130px;float: left;border-right: 1px solid #fff;border-top: 2px solid #bebebe;background-color: #f1f1f1;}
.home-caseTab a:nth-of-type(2n+1){background-color: #fff;}
.home-caseTab a span strong{display: block;font-size: 20px;color: #747474;margin-bottom: 5px;margin-top: 50px;}
.home-caseTab a span{font-weight: normal;line-height: 12px;display: block;font-size: 10px;text-transform: uppercase;font-family: Arial;float: left;}
.home-caseTab a i{display: block;width: 60px;height: 60px;background: url(../images/home-case-ico.png) no-repeat 0 0;float: left;margin: 40px 10px 0 30px;}
.home-caseTab .tab1 i{background-position: 0 0}
.home-caseTab .tab2 i{background-position: -60px 0}
.home-caseTab .tab3 i{background-position: -120px 0}
.home-caseTab .tab4 i{background-position: -180px 0}
.home-caseTab .tab5 i{background-position: -240px 0}
.home-caseTab .tab6 i{background-position: -300px 0}
.home-caseTab a:hover{ background:#2d8cbf;background:linear-gradient( top,#2d8cbf,#036599);background:-moz-linear-gradient( top,#2d8cbf,#036599);background:-webkit-linear-gradient( top,#2d8cbf,#036599);background:-ms-linear-gradient( top,#2d8cbf,#036599);background:-o-linear-gradient( top,#2d8cbf,#036599);color: #fff;border-top-color: #0068a8;}
.home-caseTab a:hover span strong{color: #fff}
.home-caseTab .tab1:hover i{background-position:0 -60px}
.home-caseTab .tab2:hover i{background-position:-60px -60px}
.home-caseTab .tab3:hover i{background-position:-120px -60px}
.home-caseTab .tab4:hover i{background-position:-180px -60px}
.home-caseTab .tab5:hover i{background-position:-240px -60px}
.home-caseTab .tab6:hover i{background-position:-300px -60px}

.home-caseMain{/*height: 433px;*/overflow: hidden;}
.home-caseWrap{position: relative;}
.home-caseWrap li{float: left;}
.home-caseWrap li .pic{display:block;background-repeat: no-repeat;background-position: 50% 50%;height: 0;position: relative;overflow: hidden;}
.home-caseWrap li:nth-of-type(1){width: 40%;}
.home-caseWrap li:nth-of-type(1) .pic{padding-top: 76%;margin-right: 2px;background-size: 120%;}
.home-caseWrap li:nth-of-type(2){width:22%;}
.home-caseWrap li:nth-of-type(2) .pic{padding-top:138.2%;background-size: 220%;margin-right: 2px;}
.home-caseWrap li:nth-of-type(3){width: 16%;}
.home-caseWrap li:nth-of-type(3) .pic{padding-top:94.5%;background-size: 200%;}
.home-caseWrap li:nth-of-type(4){width: 16%;right: 22%;top: 50.1%;position: absolute;}
.home-caseWrap li:nth-of-type(4) .pic{padding-top:95%;background-size: 200%;}

.home-caseWrap li:nth-of-type(5){width: 22%;position: absolute;right: 0 ;top:0;}
.home-caseWrap li:nth-of-type(5) .pic{padding-top:138.2%;background-size: 220%;margin-left: 2px;}
.home-caseWrap li .txt{position: absolute;left: 0;right: 0;text-align: center;background:rgba(0,0,0,0.8);color: #fff;bottom:-20%;padding: 3% 2%;font-size: 1em;transition: all .5s;-webkit-transition:all .5s;font-weight: normal;overflow: hidden;z-index: 2}
.home-caseWrap li:hover .txt{bottom:0;}
.home-caseWrap li .cover{position: absolute;top: -100%;left: 0;right: 0;bottom: 0;background:rgba(0,0,0,0.6);transition: all .5s;-webkit-transition:all .5s;opacity: 0;font-size: 0.9em;line-height: 1.6em;padding: 20% 18%;color: #fff;text-align: center;}
.home-caseWrap li:nth-child(1) .cover{padding: 20% 31%;}
.home-caseWrap li:hover .cover{top: 0;opacity: 1}
.home-caseWrap li .cover:after {width: 37px;height: 37px;background: url(../images/home-case-more.png) 0 0 no-repeat;position: absolute;content: "";left: 43%;bottom: -20%;transition: all .5s;opacity: 0;
}
.home-caseWrap li:hover .cover:after{bottom: 43%;opacity: 1}


/*关于我们*/
.home-about{padding-bottom: 40px;}
.home-aboutMain{box-shadow:0 0 8px 2px #efefef; }
.home-aboutMain .pic{display: block;width: 670px;height: 540px;}
.home-aboutMain .pic img{width: 670px;
height: 540px;}
.home-aboutMain .home-aboutTxt{width: 450px;height: 440px;padding: 50px 40px}
.home-aboutTxt h4{font-size: 24px;color: #0068a8;}
.home-aboutTxt h4 span{display: block;font-weight: normal;color: #b4b4b4;font-family: Arial}
.home-aboutTxt h2{font-size: 20px;color: #0068a8;margin: 50px 0 20px;}
.home-aboutTxt .txt{font-size: 14px;color: #868686;height: 240px;overflow: hidden;margin-bottom: 20px;}
.home-aboutTxt .more{display: block;width: 123px;height: 38px;line-height: 38px;border: 1px solid #bfbfbf;background: url(../images/home-more-jt.png) no-repeat 90px center;text-indent: 20px;color: #8a8a8a;transition: all .5s;-webkit-transition:all .5s;}
.home-aboutTxt .more:hover{border-color: #0068a8;color: #0068a8;background-image: url(../images/home-more-jt2.png);}
.home-aboutRelat{padding-top: 20px;height: 108px;overflow: hidden;}
.home-aboutRelat a{display: block;width: 258px;height: 108px;border: 1px solid #e6e6e6;float: left;margin-right: 25px;overflow: hidden;position: relative;}
.home-aboutRelat a.last{margin-right: 0;}
.home-aboutRelat a img{display: block;width: 100%;height: 100%;}
.home-aboutRelat h5{position: absolute;color: #fff;bottom:0;left: 0;right: 0;top: 0;font-size: 16px;color: #ffffff;text-align: right;padding-top: 50px;padding-right: 20px;background: rgba(0,0,0,0.5);transition: all .5s;}
.home-aboutRelat h5 span{display: block;font-size: 12px;color: #ffffff;font-family: Arial;font-weight: normal;line-height: 12px;}
.home-aboutRelat h5:hover{background: rgba(0,0,0,0)}


/*新闻中心*/
.home-news{background-color: #dddddd;padding: 40px 0;}
.home-newsWrap{height: 410px;overflow: hidden;}
.home-newsTab{text-align: center;margin-bottom: 35px;}
.home-newsTab a{display: inline-block;padding: 5px 15px;background-color: #fff;font-size: 14px;color: #303030;border: 1px solid #c4c4c4;margin: 0 2px;transition: all .5s;-webkit-transition:all .5s;}
.home-newsTab a:hover,.home-newsTab a.on{background-color: #0068a8;border-color: #0068a8;color: #fff;}
.home-newsHot{width: 500px;height: 410px;overflow: hidden;position: relative;}
.home-newsList{width: 700px;padding-top: 26px;}
.home-newsHot img{display: block;width: 100%;height: 100%;transition: all 5s;-webkit-transition:all 5s;}
.home-newsHot .cover{position: absolute;left: 0;right: 0;bottom: 0;height: 80px;background: rgba(0,0,0,0.8);color: #fff;transition: all .5s;-webkit-transition:all .5s;}
.home-newsHot .cover dt{font-size: 16px;font-weight: 600;margin: 20px 25px  0;}
.home-newsHot .cover dd{font-size: 14px;color: #dddddd;margin: 0 25px}
.home-newsHot:hover img{transform: scale(1.2);-ms-transform: scale(1.2);  -webkit-transform: scale(1.2);  -o-transform: scale(1.2);   -moz-transform: scale(1.2); }
.home-newsHot:hover .cover{height: 0}
.home-newsList li {padding: 18px  30px;background: #fff;transition: all .5s;-webkit-transition:all .5s;}
.home-newsList li  .date{display: block;font-size: 50px;float: left;color: #909090;margin: 20px 0;}
.home-newsList li .time{display: block;font-size: 14px;color:#9f9f9f;text-align: right;float: left;font-family: Arial;line-height: 14px;margin: 20px 40px  20px 15px;position: relative;}
.home-newsList li .time:after{position: absolute;content: "";width: 0;height: 12px;border-left: 1px dashed #9f9f9f;right: -20px;top: 5px;}
.home-newsList li h5{font-weight: normal;font-size: 14px;color: #000;}
.home-newsList li p{font-size: 12px;line-height: 18px;color: #9a9a9a;height: 36px;overflow: hidden;}
.home-newsList li:hover{background-color: #0068a8}
.home-newsList li:hover a,.home-newsList li:hover span,.home-newsList li:hover p,.home-newsList li:hover h5,.home-newsList li:hover strong{color: #fff;}
.home-newsList li:hover .time:after{border-color: #fff;}

/*底部*/
.footer{background:#313131;padding: 35px 0 0 0;}
.footer a:hover{color: #fff;}
.footNav{overflow: hidden;width:780px;}
.footNav dl{float: left;height: 220px;overflow: hidden;margin-right: 40px;}
.footNav dt{font-size: 16px;color: #fff;margin-bottom: 20px;}
.footNav dd{font-size: 12px;margin-bottom: 5px;}
.footNav dd a{color: #666666;position: relative;}
.footNav dd a:before{content:"";position: absolute;height: 1px;background: #fff;width: 0;top: 20px;transition: all .5s;-webkit-transition:all .5s;}
.footNav dd:hover a:before{width: 100%;}
.footRight{width: 230px;font-size: 12px;color:#666666;text-align: center;}
.footRight span{display: block;float: right;margin-left: 10px;background: url(../images/foot-ewm-ico.png) no-repeat left center;height: 42px;margin-top: 30px;padding-left: 30px;line-height: 22px;text-align: left;}
.footRight img{background: #fff;}
.foot-bot{height: 70px;line-height: 70px;background: #313131;font-size: 12px;color: #666666;}
.foot-bot a{color: #666666;}
.foot-bot a:hover{color: #fff;}
.foot-link{height:60px;line-height:60px;font-size: 16px;background: #313131;color: #fff;}
.foot-link a:hover{color: #fff;}
.foot-link span{color: #797979;text-transform: uppercase;font-size: 14px;}
.foot-link a{color:#666666;font-size: 12px; padding: 0 15px;border-right: 1px solid #999;}
.foot-link a:last-child{border-right: none;}


/*关于我们专题页*/
.page-topic{font-size: 30px;color: #0194d0;margin-bottom: 35px;text-align: left;}
.page-about{padding: 80px 0;}
.page-aboutLeft{width: 580px;}
.page-aboutRight{width: 590px;text-align: right;}
.page-about p{font-size: 14px;color: #505050;line-height: 22px;margin-bottom: 25px;text-align: left;}
.page-aboutLeft img{margin: 40px  0 100px}
.page-aboutRight img{margin-top:40px;}

/*企业文化*/
.page-cutl{background-color: #f4f4f4;padding: 50px 0;}
.page-cutl h3{padding-bottom: 45px;position: relative;text-indent: 20px;}
.page-cutl h3:before{position: absolute;content: "";width: 10px;height: 5px;background: #0194d0;left: 0;top: 10px;}
.page-cutlMain{overflow: hidden;}
.page-cutlMain ul{width: 1500px;}
.page-cutl li{width: 37%;padding: 10px;background: #fff;height: 200px;overflow: hidden;float: left;margin-right: 25px;margin-bottom: 20px;}
.page-cutl li .pic{width: 290px;height: 200px;overflow: hidden;float: left;margin-right: 40px;}
.page-cutl li .pic img{width: 100%;height: 100%;transition: all .5s;-webkit-transition:all .5s;}
.page-cutl li h5{font-size: 20px;color: #000000;font-weight: normal;margin: 55px 0 25px;}
.page-cutl li .txt{font-size: 14px;color: #000000;padding-right: 45px;}
.page-cutl li:hover .pic img{transform: scale(1.1);-ms-transform: scale(1.1);  -webkit-transform: scale(1.1);  -o-transform: scale(1.1);   -moz-transform: scale(1.1); }

.page-idea{padding: 50px 0 20px 0 ;}
.page-idea h3{padding-bottom: 45px;position: relative;text-indent: 20px;}
.page-idea h3:before{position: absolute;content: "";width: 10px;height: 5px;background: #0194d0;left: 0;top: 10px;}
.page-idea img{float: right;margin-left: 40px;}
.page-idea p{font-size: 14px;color: #505050;margin-bottom: 30px;}


/* 内页公用 */
.listBanner,.mzsmBanner{ width:1920px; position: relative; left:50%; margin-left:-960px;}
.listBanner img{display: block;}
.listBanner img{display: block;}
.listWrapper{ overflow:hidden;padding:60px 0;}
.pWrapper{padding-bottom:60px;background:#f0f0f0;overflow:hidden;}
.breadCrumb{height:50px;line-height:50px;border-bottom:1px solid #e1e1e1;}
.breadCrumb p{background: url('../images/home_icon.png') no-repeat left center;padding-left:20px;width:1180px;}
.breadCrumb .back{float:right;width:80px;height:28px;line-height:28px;text-align:center;border-radius:5px;background:#999;color:#fff;margin-top:10px;}
.breadCrumb .back:hover{background:#007dd0;transition:all 0.3s;}

/* 内页公用菜单 */
.listMenu{height:80px;font-size:14px;border-bottom:1px solid #ddd;padding-top:50px;text-align:center;}
.listMenu .grWidth{position:relative;}
.listMenu a{padding:0 30px;transition:all 0.3s;position:relative;margin-right:10px;border-radius:5px;height:35px;line-height:35px;border:1px solid #ccc;box-shadow:0 0 1px #fff inset;display:inline-block;}
.listMenu a.current,.listMenu a:hover{background:#0068a8;color:#fff;background: linear-gradient(#06a0fe,#0068a8);border:1px solid #024c7a;}
.listMenu a:before{position:absolute;content:"";left:50%;top:40px;height:0;width:1px;transition:all 0.3s;background:#ddd;transition:all 0.3s;}
.listMenu a:after{position:absolute;content:"";left:50%;width:5px;height:5px;background:#ddd;border-radius:50%;top:77px;margin-left:-2px;transition-delay:0.3s;opacity:0;}
.listMenu .current:before,.listMenu a:hover:before{height:32px;}
.listMenu .current:after,.listMenu a:hover:after{opacity:1;}
.menuSub{text-align:center;margin-top:40px;}
.menuSub a{width:125px;border:1px solid #ddd;background:#fff;display:inline-block;transition:all 0.3s;margin-right:10px;height:35px;line-height:35px;box-shadow:0 0 1px #fff inset;margin-bottom: 5px;}
.menuSub a.current,.menuSub a:hover{border:1px solid #0068a8;background:#0068a8;color:#fff;}

/* 风采展示 */
.partnerList,.honorList,.settingList,.newsList,.appList,.newsList,.newsList,.downList,.teamList,.videoList{ width:1200px;overflow: hidden;}
.productList ul,.caseList ul,.partnerList ul,.honorList ul,.settingList ul,.downList ul,.newsList ul,.teamList ul,.videoList ul{ width:1240px;}
.settingList ul li{width:280px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;}
.settingList ul li img{display:block;width:270px;height:205px;padding:4px;border:1px solid #e3e3e3;background:#fff;transition: all .5s}
.settingList ul li img:hover{border:1px solid #0068a8;background:#0068a8;}
.settingList ul li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}

/* 荣誉证书 */
.honorList li{width:280px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;}
.honorList li img{display:block;width:270px;height:auto;padding:4px;border:1px solid #e3e3e3;background:#fff;transition: all .5s}
.honorList li img:hover{border:1px solid #0068a8;background:;}
.honorList li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.honorList2 li img{height:;}

/* 团队 */
.teamList li{width:280px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;}
.teamList li img{display:block;width:280px;height:auto;background:#fff;}
.teamList li span{height:40px;line-height:40px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;background: #f2f2f2;transition: all .5s;}
.teamList li:hover span{background: #0194d0;color: #fff;}


/* 合作伙伴 */
.partnerList li{float:left;width:220px;margin-right:25px;margin-bottom:25px;}
.partnerList li img{ width:210px; height:120px;background:#e5e5e5; padding: 4px; border: 1px solid #d4d4d4; box-shadow: 1px 1px 0 #fff inset,-1px -1px 0 #fff inset;}
.partnerList li span{ height: 35px; line-height: 35px; display: block; text-align:center; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}


/* 视频 */
.videoList li{width:280px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;}
.videoList li img{display:block;width:270px;height:auto;padding:4px;border:1px solid #e3e3e3;background:#fff;transition: all .5s}
.videoList li img:hover{border:1px solid #0068a8;background:;}
.videoList li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}


/*  产品列表 */
.productList li{float:left;width:365px;padding:9px;border:1px solid #fff;margin:0 23px 20px  0;color:#888;position:relative}
.productList li .pImg{display:block;width:365px;height:290px;overflow:hidden;margin-bottom:10px;}
.productList li img{width:365px;height:290px;transition:all 0.5s;transform:scale(1,1);}
.productList li h4{height:30px;border-bottom:1px solid #ddd;font-size:14px;margin-bottom:5px;font-weight:normal;}
.productList li h4 a{display:inline-block;width:245px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.productList li h4 span{float:right;color:#adadad;font-size:12px;}
.productList li p{height:48px;}
.productList li h4 a:hover{color:#0068a8;}
.productList li:hover img{transition:all 0.5s;transform:scale(1.1,1.1);}
.productList li:before,.productList li:after{position:absolute;content:'';opacity:0;transition:all 0.5s;z-index:-1;}
.productList li:before{top:0;right:0;bottom:0;left:0;border-top:1px solid #0068a8;border-bottom:1px solid #0068a8;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.productList li:after{top:0;right:0;bottom:0;left:0;border-right:1px solid #0068a8;border-left:1px solid #0068a8;transform:scale(1,0);transform-origin:100% 0;}
.productList li:hover:before,.productList li:hover:after{opacity:1;transform:scale(1);transition: all 0.5s;}

/* 产品详情 */
.productshow_top{ height:; overflow: hidden; }
.product-show-pic{width:640px;height:410px;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:310px;background:#fff;border:1px solid #CCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/* 图片小图样式 */
.spec-preview{width:520px;height:410px;float:left;}
.spec-scroll{width:100px;height:410px;overflow:hidden;float:right; margin-top:3px;}
 .spec-scroll a.prev{display:block;width:100px;height:5px;background:url(../images/gotop.gif) no-repeat center top; overflow:hidden;cursor:pointer; margin-bottom:15px;}
.spec-scroll a.prev:hover{background:url(../images/gotop2.gif) no-repeat center top;}
.spec-scroll a.next{display:block;width:100px;height:5px;background:url(../images/gobottom.gif) no-repeat center top; overflow:hidden;cursor:pointer; margin-top:15px;}
.spec-scroll a.next:hover{background:url(../images/gobottom2.gif) no-repeat center top;}
.spec-scroll .items{width:100px;height:360px;overflow:hidden; position: relative;}
.spec-scroll .items ul{position: absolute; width:100px;height:400px;}
.spec-scroll .items ul li{width:100px;height:90px; text-align: center;}
.spec-scroll .items ul li img{width:98px;height:73px;cursor:pointer;border:1px solid #ececec;}
.spec-scroll .items ul li:hover img,.spec-scroll .items ul .on img{border:1px solid #0068a8;}

/* 产品右侧简介样式 */
.proshow_synopsis{background:#f2f2f2; border: 1px solid #d5d5d5;padding: 19px;width:470px;color: #666;font-size: 13px;line-height:30px; height:430px;border-radius:3px;}
.proshow_synopsis .title{font-size:24px; color:#0068a8;border-bottom:1px solid #dbdbdb;margin-bottom:15px;padding-bottom:0px;font-weight:normal;padding-bottom: 10px}
.proshow_synopsis strong{color: #333;font-weight: normal; }
.proshow_synopsis .font{line-height:24px;overflow: hidden;height:150px;margin-bottom:15px;}
.prodcut-tel{ padding-left:50px; margin-bottom:20px; line-height:26px; background:url('../images/p_icon.png') no-repeat left center; }
.prodcut-tel span{font-family:arial; font-size:24px; color:#0068a8;display: block; }
.proshow_synopsis .btn a{display: inline-block; width: 170px; height: 40px; line-height: 40px;text-align: center; background:#4b4b4b url(../images/proshow_icon1.png) no-repeat 20px 14px; color: #fff;transition: all 0.3s;font-size:16px;}
.proshow_synopsis .btn .a02{background:#0068a8 url(../images/proshow_icon2.png) no-repeat 20px 13px;margin-left:25px;}
.proshow_synopsis .btn a:hover{opacity: 0.8;filter:alpha(opacity=50);transition: all 0.3s;}

/* 产品说明标签切换样式 */
.gr-tab-list{overflow:hidden; margin-top:40px;}
.gr-tab-list .hd{height:40px;line-height:40px;border-bottom:1px solid #ddd;font-size:16px;}
.gr-tab-list .hd li{width:150px;float:left;text-align:center;background:#eee;margin-right:5px;cursor:pointer;position:relative;}
.gr-tab-list .hd li.on{background:#0068a8;color:#fff;}
.gr-tab-list .bd{overflow:hidden;padding-top:15px;}
.gr-tab-list .hd li.on::before{position: absolute;content: "";bottom:-12px;left:70px;border:6px solid transparent;border-top-color:#0068a8;}

/* 相关产品样式 */
.relatedPro{margin-bottom:30px;overflow:hidden;}
.relatedPro .tie{height:40px;line-height:40px;background:#eee;color:#0068a8;font-size:16px;font-weight:normal;margin:20px 0;}
.relatedPro .tie span{padding:0 30px;background:#0068a8;display:inline-block;color:#fff;}
.relatedPro li{float:left;}
.relatedPro ul{ width:1240px; margin-top:20px;}
.relatedPro li{float:left;width:280px;margin-bottom:20px;margin-right:24px;border:1px solid #ddd;background:#eee;text-align:center;}
.relatedPro li a{display:block;width:280px;}
.relatedPro li img{width:270px;height:245px;padding:5px;background:#fff;}
.relatedPro li span{height:35px;line-height:35px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;}
.relatedPro li:hover{border:1px solid #0068a8;}
.relatedPro li a:hover{background:#0068a8;color:#fff;}

/* 采购表单样式 */
.orderBox{padding:25px;width:1140px;background:#f1f1f1;overflow:hidden;margin:0 auto;}
.orderBox h3{font-size:15px;line-height:18px;font-weight:normal;font-family:"微软雅黑";}
.orderBox .table{padding-top:20px;overflow:hidden;}
.orderBox .table li{width:520px;height:215px;float:left;height:35px;margin-bottom:10px;}
.orderBox .table li span{float:left;border:1px solid #ddd;line-height:33px;height:33px;width:98px;display:inline-block;text-align:center;background:#fff;}
.orderBox .table li .iptTxt{float:right;width:409px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;}
.orderBox .table li .iptCode{float:left;width:199px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;}
.orderBox .table li .checkcode{float:left;border:1px solid #ddd;border-left-width:0;background:#eee;margin-left:2px;padding:6px;}
.orderBox .table li .btn{width:410px;height:35px;line-height:35px;background:#333;cursor:pointer;font-size:14px;color:#fff;text-align:center;border:none;}
.orderBox .table li .btn:hover{background:#0068a8;color:#fff;}
.orderBox .table li.areLi{width:570px;float:right;height:215px;overflow:hidden;}
.orderBox .table li.areLi .txtContent{width:528px;height:183px;border:1px solid #ddd;outline:none;resize:none;padding:15px;color:#666;line-height:18px;background:#fff;}

/*  案例 */
.cWrapper{padding:60px;}
.caseList li{float:left;padding:10px;background:#f1f1f1;width:360px;line-height:22px;margin:0 27px 27px 0;}
.caseList li .pImg{width:360px;height:257px;display:block;overflow:hidden;}
.caseList li img{width:360px;height:257px;transition:all 0.5s;}
.caseList li p{border-top:1px dotted #b2b2b2;padding-top:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-top:5px;text-align:center;}
.caseList li:hover img{transform:scale(1.1, 1.1);}
.caseList li:hover{box-shadow:0 0 6px #999;}

/*  案例详情 */
.caseShow .title{text-align:center;font-size:18px;color:#000;margin-bottom:10px;font-weight:normal;}
.caseShow .p1{margin-bottom:25px;text-align:center;color:#333;border-bottom:1px dotted #ccc;padding-bottom:10px}
.caseShow .p1 span{margin-right:15px;}
.relatedCase {margin-top:40px;}

/* 下载 */
.downList li{float:left;height:130px;background:#ededed;overflow:hidden;padding-left:20px;width:570px;color:#888;line-height:22px;margin:0 30px 20px 0;}
.downList li h5{padding-top:20px;font-size:16px;font-weight:normal;font-weight:normal;margin-bottom:10px;}
.downList li h5 a{color:#333;}
.downList li h5 a:hover{text-decoration: underline;}
.downList li .more{float:right;width:90px;height:130px;background: url('../images/down1.png') no-repeat center center;margin-left:10px;}
.downList li:hover{background:#0068a8;color:#fff;}
.downList li:hover h5 a{color:#fff;}
.downList li:hover .more{background:#333 url('../images/down2.png') no-repeat center center;}

/* 常见问题 */
.faqList li{position:relative;margin-bottom:25px;}
.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#0068a8;pointer-events:none;}
.faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}
.faqList li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;}
.faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}
.faqList li h3{position:relative; padding:0 60px; background-color:#f1f1f1; line-height:54px; font-size:16px; cursor:pointer;font-weight:normal;}
.faqList li div{display:none;padding:25px 0 0 60px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;}
.faqList li h3{background-image:url(../images/faq.png); background-repeat:no-repeat; background-position:20px 0;}
.faqList li div{background:url(../images/faq.png) no-repeat 20px -155px;font-size:14px;}
@-webkit-keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}

/* 新闻列表 */
.newsList li{float:left;width:380px;margin-right:26px;margin-bottom:30px;position:relative;border-bottom:2px solid #dadada;}
.newsList li .nImg{width:380px;height:223px;overflow:hidden;display:block;}
.newsList li img{width:380px;height:223px;transition:all 0.5s;}
.newsList li div{padding:15px;background:#f1f1f1;height:120px;color:#666;line-height:22px;}
.newsList li div h4{color:#333;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding-bottom: 8px;margin-bottom:10px;border-bottom:1px solid #dadada;font-size:14px;font-weight:normal;}
.newsList li div h4 span{display:block;color:#999;line-height:16px;font-size:12px;}
.newsList li:hover div{color:#fff;background:#0068a8;}
.newsList li:hover div h4,.newsList li:hover div span{color:#fff;}
.newsList li:hover div h4{border-bottom:1px solid #fff;}
.newsList li:hover img{transition:all 0.5s;transform:scale(1.1,1.1);}
.newsList li::before,.newsList li::after{content:"";position:absolute;bottom:-2px;height:2px;transition:all 0.4s;width:0;left:0;background:#ed8601;}
.newsList li::after{right:0;left:auto;}
.newsList li:hover::before,.newsList li:hover::after{width:50%;transition:all 0.4s;}

/* 新闻详细样式 */
.articleShow{width:860px;overflow:hidden;}
.pictureShow{width:890px;}
.articleBox1 .title{text-align:center;font-size:20px;color:#000;margin-bottom:10px;font-weight:normal;}
.articleBox1 .p1{margin-bottom:15px;padding-bottom: 10px; text-align:center;color:#333;}
.detailLeft  .p1,.picShow .p1{border-bottom:1px dotted #adadad;;}
.articleBox1 .p1 span{margin-right:15px;}
.review{background:#f7f7f7 url(../images/nShow_icon.png) no-repeat left top;padding:15px 15px 10px 15px;border:1px dotted #adadad;border-right:none;border-left:none;text-indent:2em;font-size:14px;color:#333;}
.fontResizer a{padding:0 5px;}
.article_key{background:#f7f7f7 url(../images/nShow_icon2.png) no-repeat 15px 7px;color:#adadad;margin-bottom:20px;padding-left:35px;line-height:28px;}
.fontsizebox{padding-bottom: 40px;border-bottom:1px dotted #adadad;font-size:13px;color:#424242;}
.curFont{color:#0068a8;}
.detailShare{overflow:hidden;padding:25px 0;border-bottom:1px dotted #adadad;}
.detailShare span{border-left:1px dotted #adadad;padding:0 15px;}
.detailShare span.date{margin-left:15px;}
.detail_fenx{font-size:14px;padding-top:10px;overflow:hidden;margin-bottom:20px;border-bottom:1px dotted #adadad;padding-bottom: 10px}
.detail_fenx div{width:48%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.detail_fenx div a:hover{color: #0194d0}
.relatedNews_font{width:860px;overflow:hidden;font-size:13px;margin-top:15px;}
.relatedNews_font ul{width:890px;}
.relatedNews_font ul li{float:left;padding-right:50px;width:380px;height:40px;line-height:40px;border-bottom:1px dotted #ddd;}
.relatedNews_font ul li a{display:block;width:260px;line-height:40px;background:url(../images/ly_li.png) no-repeat left center;padding-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;}
.relatedNews_font ul li span{float:right;color:#999;}
.relatedNews_font ul li a:hover{color: #0194d0}
.detailRight{width:280px;overflow:hidden;}
.rightDesign,.rightRelated,.rightCase{border:1px solid #ddd; margin-bottom:20px;}
.rTitle{height:39px;line-height:39px;background:url(../images/r_title.jpg) repeat-x;font-size:16px;color:#000;font-weight:normal;padding-left:10px;}
.rightRelated .main{padding:10px;}
.rightRelated .main img{width:254px;padding:2px;border:1px solid #ececec;margin-bottom:10px;}
.rightRelated .main li{height:34px;line-height:34px;border-bottom:1px dotted #a7a7a7;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.rightRelated .main li a{background:url(../images/ly_li.png) no-repeat 5px center;padding-left:15px;}
.rightRelated .main li:last-child{border-bottom:none;}

.rightRelated .mainCp{padding:10px;}
.rightRelated .mainCp .bd{width:258px;height:579px;overflow:hidden;}
.rightRelated .mainCp .bd li,.rightDesign .mainCp .bd li a{display:block;width:258px;height:183px;overflow:hidden;position:relative;}
.rightRelated .mainCp .bd li{margin-bottom:10px;}
.rightRelated .mainCp .bd li h3{width:228px;height:30px;line-height:30px;color:#fff;background:url(../images/tmb.png);position:absolute;left:0;bottom:0;text-align:center;padding:0 15px;}
.relatedTitle{height:30px;border-bottom:1px dotted #adadad;font-size:18px;color:#000;margin-bottom:20px;font-weight:normal;}


/* 人才招聘  */
.gr-jobs-list dd{padding:0 15px;height:50px;line-height:50px;border:1px solid #ddd;background:#f1f1f1;margin-top:10px;cursor: pointer;font-size:14px;}
.gr-jobs-list dd em{float:right;display:block;width:15px;height:15px;background:url(../images/iconf.png) no-repeat;cursor:pointer;margin-top:20px;}
.gr-jobs-list dd.on em{background:url(../images/icong.png) no-repeat;}
.gr-jobs-list dd span{display:block;float:left;width:285px;}
.gr-jobs-list dt{border:1px solid #ccc;border-top:none;padding:15px;margin-bottom:10px;background:#fff;}
.gr-jobs-list dt strong{font-size:14px;}
.gr-apply{display:block;width:140px;text-align:center;height:40px;line-height:40px;background:#555;border-radius:3px;color:#fff;margin:30px auto 0 auto;transition:all 0.3s;}
.gr-apply:hover{background:#0068a8;color:#fff;}

.jobsShow{border:1px solid #ddd;background:#fff;}
.jobsShow h3{font-size:14px;font-weight:bold;background:#ddd;line-height:35px; padding-left:15px;font-weight:normal;}
.jobsShow table{margin:10px 20px 20px;background:#fff;}
.jobsShow .mr{padding-right:20px;}
.jobsShow .jobsInput{width:460px;border:1px solid #ddd;line-height:25px;height:25px;padding:0 5px;margin-bottom:10px;}
.jobsShow .input_radio{margin-right:5px;vertical-align: middle;}
.jobsShow .jobsInput:focus,.jobsShow .jobsTextarea:focus{border:1px solid #b39058;}
.jobsShow .jobsTextarea{width:1100px;padding:5px;border:1px solid #ddd;line-height:22px;height:125px;margin-top:3px;display:block;}
.jobsShow .jobsSubmit{background:#999;width:85px;height:30px;line-height:30px;cursor:pointer;border:none;color:#fff;margin-right:10px;margin-top:20px;border-radius:4px;}
.jobsShow .jobsSubmit:hover{background:#666;color:#fff;}
.jobsShow .jobsSubmitb{background:#333;width:100px;height:30px;line-height:30px;cursor:pointer;border:none;color:#fff;margin-top:20px;border-radius:4px;}
.jobsShow .jobsSubmitb:hover{background:#0068a8;color:#fff;}

/* 内页留言样式 */
.contactFont{overflow:hidden;margin-bottom:30px;}
#dituContent{width:1200px;height:560px;}
.feedback{margin-top:50px;overflow:hidden;}
.feedback .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:25px;color:#333;}
.feedback .title span{background:#fff;padding:0 30px;position:relative;top:-10px;}
.feedback .title::before{content:"";border-bottom:1px solid #e1e1e1;height:12px;vertical-align:top;width:100%;display:block;}
#feedback_form{position:relative;}
#feedback_form label{display:block;float:left;height:32px;line-height:32px;margin-bottom:30px;padding-left:40px;background:url(../images/contact.png) no-repeat;font-size:14px;}
#feedback_form label.name{background-position:0 -32px;}
#feedback_form label.email{background-position:0 -64px;}
#feedback_form label.city{background-position:0 -96px;}
#feedback_form label.msg_title{background-position:0 -128px;}
#feedback_form label.address{background-position:0 -160px;}
#feedback_form label.message{background-position:0 -192px;margin-bottom:10px;}
#feedback_form input{width:240px;height:30px;line-height:30px;float:left;margin:0 37px 30px 0;padding:0 10px;border:1px solid #dbdbdb;}
#feedback_form input.last{margin-right:0;}
#feedback_form .msg{border-top:1px dotted #ccc;padding:30px 0;}
#feedback_form textarea{height:125px;width:1175px;padding:10px;border:1px solid #dbdbdb;display:block;}
#feedback_form i{font-style:normal;color:#ff1f19;position:absolute;font-size:14px;left:385px;top:6px;}
#feedback_form .f2{left:790px;}
#feedback_form .f3{left:auto;right:0;}
#feedback_form .f4{left:385px;top:66px;}
#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#df2128;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}
#feedback_form .btns:hover{background:#333;transition:all 0.3s;}
#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0;}
#feedback_form .tableRow{width:100%;height:32px;}
#feedback_form .tableRow input{width:150px;margin-right:10px;color:#999;float:left;}
#feedback_form .tableRow .checkcode{width:50px;height:22px;margin-left:5px;border:1px solid #ccc;padding:4px 5px;display:block;float:left;background:#fff;}
#feedback_form input:focus,#feedback_form textarea:focus{border-color:#df2128;}

/*电子光学专题页*/
.proce-bannerTop{background-position: center center;height: 450px;background-repeat: no-repeat;}
.proce-opticNav {text-align: center;padding-top: 250px;}
.proce-opticNav a{display: inline-block;width: 115px;height: 45px;border-radius: 50%;border: 1px solid #fff;font-size: 14px;color: #fff;text-align: center;margin: 0 10px;background: url(../images/proce-nav-ico.png) no-repeat 0 0;padding-top: 70px;transition: all .5s;-webkit-transition:all .5s;}
.proce-opticNav .cirl2{background-position: -110px 0}
.proce-opticNav .cirl3{background-position: -230px 0}
.proce-opticNav .cirl4{background-position: -340px 0}
.proce-opticNav .cirl5{background-position: -456px 0}
.proce-opticNav .cirl6{background-position: -573px 0}
.proce-opticNav a:hover{background-color: #25a8e8;border-color: #25a8e8;transform: translateY(-20px);}
/*汽车电子*/
.proce-opticVeh{padding: 45px 0;}
.proce-topic{color: #0194d0;font-size: 30px;border-bottom: 1px solid #ccc;padding-bottom: 5px;margin-bottom: 40px;position: relative;}
.proce-topic i{font-size: 12px;position: relative;bottom: 5px;left: 5px;font-weight: normal;}
.proce-topic span{color: #cccccc;font-size: 22px;font-weight: normal;position: relative;left: 12px;bottom: 2px;text-transform: uppercase;}
.proce-opticVeh-left{width: 575px;height: 570px;}
.proce-opticVeh-right{width: 625px;height: 570px;background: url(../images/page-optics-pic1.jpg) no-repeat right center;position: relative;}
.proce-topic:after{content: "";position: absolute;height: 1px ;background: #0194d0;width: 290px;bottom: -1px;left: 0}
.proce-opticVeh-right p{position: absolute;color: 505050;line-height: 24px;left: 0;bottom: 20px;}

/*计算机电子*/
.proce-opticComp{background: url(../images/page-optics-bg1.jpg) no-repeat center center;height: 570px;padding: 40px 0}
.proce-opticComp-right{width: 778px;height: 570px;overflow: hidden;}
.proce-opticComp-right h3,.proce-opticComp-right h3 i,.proce-opticComp-right h3 span{color: #fff;}
.proce-opticComp-right h3{border-bottom-color: #fff;}

/*光电显示*/
.proce-opticOpto{padding: 45px 0;}
.proce-opticOpto-left{width: 575px;height: 570px;}
.proce-opticOpto-right{width: 625px;height: 570px;background: url(../images/page-optics-pic2.jpg) no-repeat right center;position: relative;}

/*光电显示*/
.proce-opticLed{background: url(../images/page-optics-bg2.jpg) no-repeat center center;height: 570px;padding: 40px 0}
.proce-opticLed-right{width: 778px;height: 570px;overflow: hidden;}
.proce-opticLed-right h3,.proce-opticLed-right h3 i,.proce-opticLed-right h3 span{color: #fff;}
.proce-opticLed-right h3{border-bottom-color: #fff;}

/*光伏行业 */
.proce-opticPv{padding: 45px 0;}
.proce-opticPv-left{width: 575px;height: 570px;}
.proce-opticPv-right{width: 625px;height: 570px;background: url(../images/page-optics-pic3.jpg) no-repeat right center;position: relative;}

/*LED行业*/
.proce-opticElect{background: url(../images/page-optics-bg3.jpg) no-repeat center center;height: 570px;padding: 40px 0}
.proce-opticElect-right{width: 778px;height: 570px;overflow: hidden;}
.proce-opticElect-right h3,.proce-opticElect-right h3 i,.proce-opticElect-right h3 span{color: #fff;}
.proce-opticElect-right h3{border-bottom-color: #fff;}

/*工程图片*/
.proce-picDisplay{background: #f4f4f4;padding: 40px 0;}
.proce-picDisplay li{width: 230px;margin: 0 20px 25px 20px;float: left;}
.proce-picDisplay li .pic{display: block;height: 210px;width: 210px;overflow: hidden;border-radius: 50%;border: 1px solid #ccc;padding: 4px;background: #fff;transition: all .5s;-webkit-transition:all .5s;}
.proce-picDisplay li .pic img{width: 210px;height: 210px;border-radius: 50%;}
.proce-picDisplay li span{display: block;height: 48px;line-height: 48px;text-align: center;color: #505050;font-size: 14px;}
.proce-picDisplay li:hover span{color: #0194d0}
.proce-picDisplay li:hover .pic{background-color: #0194d0;transform: translateY(-10px);border-color: #0194d0;}
.proce-picDisplay .more{float: right;color: #0194d0;font-size: 14px;font-weight: normal;}
.proce-picDisplay .more:hover{text-decoration: underline;}
.proce-picSketch{padding: 40px 0;}
.proce-picRelate{padding: 40px 0;background: #f4f4f4;}
.proce-picRelate h3{font-size: 30px;color: #0194d0;margin-bottom: 40px;}

/*实验室专题页*/

.proce-laboraNav a{background: url(../images/proce-nav-ico2.png) no-repeat 0 0;}
.proce-Jianjie{background: url(../images/page-proce-jjbg.jpg) no-repeat center center;height: 570px;padding: 40px 0}
.proce-laboraNav  .labora2{background-position: -110px 0}
.proce-laboraNav  .labora3{background-position: -223px 0}
.proce-Jianjie-left{width: 775px;height: 570px;overflow: hidden;}
.proce-Jianjie-right{width: 625px;height: 570px;}
.proce-laboraPic{background: url(../images/page-labora-pic1.png) no-repeat center center;}


/*食品日化专题页*/
.proce-foodPic{background: url(../images/page-food-pic1.png) no-repeat center center;}
.proce-medicalPic{background: url(../images/page-medical-pic1.png) no-repeat center center;}

/*中央空调专题页*/
.proce-Gaishu{padding:50px 0;}
.proce-airTopic{font-size: 30px;color: #0194d0;text-align: center;margin-bottom: 30px;}
.proce-airNav a{background: url(../images/proce-nav-ico3.png) no-repeat 0 0;}
.proce-airNav  .air2{background-position: -116px 0}
.proce-airNav  .air3{background-position: -230px 0}
.proce-airNav  .air4{background-position: -345px 0}
/*主机分类*/
.proce-airHost{padding: 40px 0;background: #f4f4f4}
.proce-airHost .topic{font-size: 20px;color: #303030;display: block;text-align: center;margin-bottom: 45px;}
.proce-airHost .list{overflow: hidden;}
.proce-airHost .list ul{width: 1420px;}
.proce-airHost .list li{width: 460px;height: 345px;padding-top: 25px;text-align: center;float: left;}
.proce-airHost .list li p{font-size: 14px;color: #505050;text-align: left;line-height: 22px;width: 300px;margin: 30px auto 0;}
.proce-airHost .list .li1{border-bottom: 1px dashed #989898;}
.proce-airHost .list .li2{border: 1px dashed  #989898;border-bottom: none;}
.proce-airHost .list .li3{border-bottom: 1px dashed #989898;}
.proce-airHost .txt{font-size: 14px;color: #505050;margin: 50px 0 0 0;text-align: center;}
.proce-airHost .list .li1 p,.proce-airHost .list .li2 p{width: 300px;margin: 30px auto 0;}
.proce-airHost .list .li3 p{width: 350px;margin: 30px auto 0;}

/*末端分类*/
.proce-airEnd{padding: 40px 0;}
.proce-airEnd .list{overflow: hidden;}
.proce-airEnd .list ul{width: 1420px;}
.proce-airEnd .list li{width: 424px;float: left;margin: 0 115px 60px 160px;}
.proce-airEnd .list li img{display: block;width: 424px;height: 186px;}
.proce-airEnd .list li h5{font-size: 20px;color: #000000;margin: 25px 0;font-weight: normal;}
.proce-airEnd .list li p{font-size: 14px;color: #6d6d6d}


.proce-airCtr{padding: 40px 0}
.proce-airPic{overflow: hidden;padding-top: 45px;}
.proce-airPic ul{width: 1500px;}
.proce-airPic li{width: 670px;float: left;margin-right: 60px;background: #e5e5e5}
.proce-airPic li span{display: block;text-align: center;padding: 80px 0;}
.proce-airPic li span img{width: 370px;height: 250px;}
.proce-airPic li h5{height: 64px;line-height: 64px;background: #f2f2f2;text-align: center;font-size: 18px;color: #505050;font-weight: normal;}



/*评估系统*/
.page-gauge .proce-topic::after{display: none;}
.page-gauge .proce-topic{border-bottom: none;}
.page-select{border-bottom: 1px dotted #ccc;margin-bottom: 30px;}
.page-gauge h5{font-size: 16px;color: #000;margin-bottom: 20px;}
.page-gauge .material{overflow: hidden;width: 1020px;margin: 0 auto;}
.page-gauge .material ul{width: 1100px;}
.page-gauge .material li{width: 320px;float: left;margin-right: 30px;margin-bottom: 30px;}
.page-gauge .material li span{display: block; text-align: center;
font-weight: bold;font-size: 14px;background-color: #0194d0;color: #fff;height: 30px;line-height: 30px;}
.page-gauge .material li select{display: block;width: 100%;height: 2.4em;
font-size: 14px;color: #414141;margin-bottom: 5%;border-radius: 3px;border: 1px solid #ccc;outline: none;}
.page-gauge .material li select option{font-size: 12px;display: block;height: 20px;line-height: 20px;}
.page-gauge .page-fill {border-bottom: 1px dotted #ccc;margin-bottom: 20px;padding-bottom: 30px;}
.page-gauge .page-fill .state{width: 1000px;margin: 0 auto}
.page-gauge .page-fill .state form{overflow: hidden;color: #414141}
.page-gauge .page-fill .state p{width: 300px;float: left;margin-right: 30px;}
.page-gauge .page-fill .state .txt input{width: 60%;height: 2.4em;margin-bottom: 2%;line-height: 2.4em;font-size: 14px;border-radius: 3px;border: 1px solid #cccccc;outline: none;margin-right: 2%;margin-left: 2%;color: #000;text-indent: 10px;}
.page-gauge .page-fill .state .butt input{display: inline-block;width: 104px;height: 34px;line-height: 34px;text-align: center;color: #fff;font-size: 14px;font-weight: bold;background: #0194d0;border: none;outline: none;border-radius: 4px;cursor: pointer;transition: all .5s}
.page-gauge .page-fill .state .butt input:hover{background: #015a8e}


/*恒温恒湿专题页*/
.proce-temperbanner{width:1920px; position: relative; left:50%; margin-left:-960px;height: 360px;}
.proce-temperbanner img{display: block;}
.proce-temperCase{padding: 50px 0;background: #fff;height: 585px;}
.proce-temperCase h3{color: #0194d0;font-size: 34px;font-weight: normal;padding-bottom: 55px;text-align: center;}
.proce-temperCase-main .proce-temperCase-txt{width: 670px;}
.proce-temperCase-main img{display: block;width: 660px;}

.proce-temperHigh{background: #f5f5f5;padding: 50px 0;height: 570px;}
.proce-temperHigh h3{font-size: 34px;color: #202020}
.proce-temperHigh-txt{width: 850px;}
.proce-temperHigh-main img{display: block;width: 440px;}

.proce-temperAim{padding: 50px 0;}
.proce-temperAim .aim{font-size:14px;color: #5c5c5c;margin: 10px 0 50px 0;text-align: left;}
.proce-temperAim h5{font-size: 20px;color: #202020;height: 26px;line-height: 26px;overflow: hidden;}
.proce-temperAim .titleA i{display:block;height: 18px;background: url(../images/page-temper-line.jpg) repeat-x;width: 1354px;float: right;margin-top: 5px;}
.proce-temperPoints{padding: 40px 0;height: 470px;}
.proce-temperPoints img{display: block;width: 600px;}
.proce-temperPoints .proce-temperHigh-txt{width: 680px;}

.proce-temperAim .titleB i{display:block;height: 18px;background: url(../images/page-temper-line.jpg) repeat-x;width: 1314px;float: right;margin-top: 5px;}
.proce-temperTrait {padding-top: 30px;overflow: hidden;}
.proce-temperTrait  ul{width: 1410px;}
.proce-temperTrait li{width: 307px;height: 127px;border: 1px solid #e9e9e9;background: #f5f5f5;color: #5c5c5c;padding: 15px 20px;float: left;margin: 0 2px  2px 0;transition: all .5s;}
.proce-temperTrait li h6{font-size: 16px;color: #5e5e5e;font-weight: normal;margin-bottom: 15px;}
.proce-temperTrait li span{display: block;}
.proce-temperTrait li:hover{background: #0194d0;border-color: #0194d0;color: #fff;}
.proce-temperTrait li:hover h6{color: #fff;}
.proce-temperBot{background: #f5f5f5;padding: 50px 0;height: 410px;}

/*优势专题页*/
.page-ysBanner{background-position: center center;background-repeat: no-repeat;height: 359px;position: relative;}
.page-ysNav{position: absolute;left: 0;right: 0;bottom: 0;height: 50px;background: rgba(0,0,0,0.8);color: #fff;}
.page-ysNav-main a{display: block;float: left;line-height: 50px;color: #fff;font-size: 14px;text-align: center;border-right: 1px solid #5a5a5a;width: 105px;background: #0194d0;position: relative;transition: all .5s}
.page-ysNav-main a:hover:after{content: "";position: absolute;width: 0; height: 0;border-left: 8px solid transparent; border-right: 8px solid transparent;border-top: 8px solid transparent;border-bottom: 8px solid #fff;bottom: 0;left: 45px;}
.page-yTopic{color: #0194d0;font-size: 34px;font-weight: normal;text-align: center; }
.page-ysCost {padding: 50px 0}
.page-ysCost-main{padding-top: 60px;}
.page-ysCost-main li{width: 300px;float: left;margin: 0  50px  30px 50px;}
.page-ysCost-main li .pic{display: block;height: 150px;overflow: hidden;box-shadow: 0 0 12px 1px  #cccccc}
.page-ysCost-main li .pic img{width: 300px;height: 150px;transition: all .5s;display: block;}
.page-ysCost-main li:hover .pic img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}
.page-ysCost-main li h5{font-size: 20px;color: #0a0a0a;text-align: center;margin: 25px 0  15px;font-weight: normal;}
.page-ysCost-main li p{font-size: 14px;line-height: 20px;color: #5c5c5c;height: 40px;overflow: hidden;}
.page-ysNews{background: #eeeeee;padding: 50px 0}
.page-ysNews-main{padding-top: 30px;}
.page-ysNews-left{width:655px; }
.page-ysNews-left  li{margin-bottom: 20px;overflow: hidden;}
.page-ysNews-left  li .pic{display: block;float: left;overflow: hidden;width: 320px;height: 198px;margin-right: 20px;}
.page-ysNews-left  li .pic img{width: 100%;height: 100%;transition:all .5s;-webkit-transition:all .5s;}
.page-ysNews-left  li:hover .pic img{transform: scale(1.1);}
.page-ysNews-left  li h4 a{font-size: 14px;color: #363636;}
.page-ysNews-left  li h4 {margin: 25px 0 20px;font-weight: normal;}
.page-ysNews-left li  p{font-size: 12px;color:#898989;line-height: 20px;height: 60px;overflow: hidden;margin-bottom: 10px;}
.page-ysNews-left  li  .more{display: block;width:98px;height: 32px;line-height: 32px;text-align: center;font-size: 12px;color: #898989;margin-left:340px;border: 1px solid #898989;transition: all .5s }
.page-ysNews-left  li  .more:hover{background: #0194d0;color: #fff;border-color: #0194d0;}
.page-ysNews-left  li h4 a:hover{color: #0194d0}
.page-ysNews-right{width: 485px;}
.page-ysNews-right li{height: 50px;line-height: 50px;border-bottom: 1px dotted #5e5e5e;color: #363636;font-size: 14px;}
.page-ysNews-right li a{color: #363636;font-size: 14px;background: url(../images/page-ys-ico.png) no-repeat  0 center;padding-left: 10px;transition: all .5s}
.page-ysNews-right li  span{display: inline-block;float: right;}
.page-ysNews-right li a:hover{color: #0194d0;margin-left: 10px;}

.page-ysHonor{padding: 50px 0}
.page-ysHonor-main{width: 1200px;margin: 0 auto;overflow: hidden;height: 240px;padding-top: 40px;}
.page-ysHonor-main ul{width: 1230px;}
.page-ysHonor-main li{width: 280px;margin-right:20px; float: left;}
.page-ysHonor-main li img{display: block; width:268px;height: 186px;padding: 5px;background: #fff;border: 1px solid #e3e3e3;transition: all .5s;}
.page-ysHonor-main li span{display: block;height: 30;line-height: 30px;text-align: center;font-size: 14px;color: #666666}
.page-ysHonor-main li:hover img{border-color: #0194d0}
.page-ysHonor-main li:hover span{color: #0194d0}

.page-ysProce{background: #eeeeee;padding: 50px 0 70px;}
.page-ysProce h3{padding-bottom: 60px;}
.page-ysProce-main{background: url(../images/page-ys-proceBg.png) no-repeat center center;height: 260px;}
.page-ysProce-main li{width: 240px;margin-left: 20px;float: left;font-size: 14px;color: #000000;line-height: 20px;height: 150px;padding-top: 10px;position: relative;}
.page-ysProce-main li h5{font-size: 20px;color: #000000;margin-bottom: 15px;}
.page-ysProce-main li:nth-of-type(2),.page-ysProce-main li:nth-of-type(6){left: 30px;}
.page-ysProce-main li:nth-of-type(3),.page-ysProce-main li:nth-of-type(7){left: 70px;}
.page-ysProce-main li:nth-of-type(4),.page-ysProce-main li:nth-of-type(8){left: 90px;}


.contactFont .lxr{line-height:30px;background:url(../images/lctel.png) no-repeat 55px center ;padding-left:35px;}
.list-honor li{display: inline-block;width:258px;margin:0 10px 20px 10px;padding: 10px;border: 1px #dedede solid;border-radius: 10px;background: #f9f9f9;}
.list-honor li .imgBox{width: 100%;height: 100%;vertical-align: middle;display: table-cell;text-align: center;height: 350px;background: #F9F9F9;}
.list-honor img{max-width:100%;vertical-align: middle;display: block;width: 100%;border:1px #ddd solid;}
.list-honor li figure{vertical-align:middle;display:table-cell;text-align:center;}
.list-honor .imghvr-shutter-in-out-diag-1 figcaption em{margin-top:120px;}
.list-honor .imghvr-shutter-in-out-diag-1:after,.list-honor .imghvr-shutter-in-out-diag-1:before{width: 200%;height: 100%;}
.list-honor h4{width:100%;text-align:center;color:#666;font-size: 15px;padding: 15px 0 5px 0;border-top: 1px #eee solid;}
.list-honor li:hover h4{color:#ff9f00}